<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<link type="text/css" rel="stylesheet" href="themes/humanity/skin.css" />
</h:head>
<ui:composition template="/WEB-INF/templates/MenuTemplate.xhtml">
	<ui:define name="content">
	
	<h:form>
		<p:messages autoUpdate="true" />
		<p:dataTable value="#{autoCompleteObjetivoBean.listaObjetivos}"
			var="p" border="1" editable="true"
			emptyMessage="No hay objetivos reportados." label="TablaObjetivo">
			<p:ajax event="rowEdit" listener="#{autoCompleteObjetivoBean.onEdit}" />

			<p:column headerText="Objetivo">
				<p:cellEditor>
					<f:facet name="output">
						<h:outputText value="#{p.nombre}" />
					</f:facet>
					<f:facet name="input">
						<h:inputText value="#{autoCompleteObjetivoBean.nombre}" />
					</f:facet>
				</p:cellEditor>
			</p:column>
			<p:column headerText="Fecha Alta">
				<h:outputText value="#{p.ffinicio}" pattern="MM/dd/yyyy HH:mm"/>
			</p:column>
			<p:column headerText="Fecha Fin">
				<p:cellEditor>
					<f:facet name="output">
						<h:outputText value="#{p.ffin}" pattern="MM/dd/yyyy HH:mm"/>
					</f:facet>
					<f:facet name="input">
						<p:calendar value="#{autoCompleteObjetivoBean.date}"
							required="true" label="Fecha Programada" showOn="both"
							pattern="MM/dd/yyyy HH:mm" />
					</f:facet>
				</p:cellEditor>
			</p:column>
			<p:column headerText="Monto">
				<p:cellEditor>
					<f:facet name="output">
						<h:outputText value="#{p.monto}" />
					</f:facet>
					<f:facet name="input">
						<h:inputText value="#{autoCompleteObjetivoBean.monto}" />
					</f:facet>
				</p:cellEditor>
			</p:column>
						<p:column headerText="Editar" styleClass="ui-editable-column-options"
				label="Editar">
				<h:commandButton value="Borrar"
					action="#{autoCompleteBean.eliminarObjetivo(p)}" />
				<p:rowEditor />

			</p:column>
		</p:dataTable>
	</h:form>
	</ui:define>
</ui:composition>
</html>